<%--
  Created by IntelliJ IDEA.
  User: daxuexiu
  Date: 2018/4/5
  Time: 23:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>微信授权</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js "></script>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <style>
        #page{
            height: 100%;
            background: #ffffff;
            padding: 0 20px;
        }
        .top{
            height: 100px;
            border-bottom: 1px solid lightgrey;
            text-align: center;
            padding: 30px 0;
        }
        .top img{
            width: 55px;
            height: 55px;
        }
        p.message{
            height: 50px;
            line-height: 50px;
            margin-bottom: 30px;
        }
        p.message span{
            display: inline-block;
            color: gray;
            font-size: 15px;

        }
        p.message span:first-child{
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: gray;
        }
        p.message span:last-child{
            margin-left: 10px;
        }
        .button{
            width: 100%;
            background: green;
            text-align: center;
            height: 50px;
            line-height: 50px;
            border-radius: 5px;
            color: #FFFFFF;
        }
    </style>
</head>
<body>
<input type="hidden" value="${code}" id="code">
<div id="page">
    <div class="top">
        <img src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQGS8DwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAybWpEWnQwQ1VlZW0xMDAwMGcwN2EAAgSCcz9bAwQAAAAA"/>
        <p>媒体系统</p>
    </div>
    <p>网页由该公众号开发，请确认授权以下信息</p>
    <p class="message">
        <span></span>
        <span>获得你的公开信息（昵称、头像等）</span>
    </p>
    <div class="button" onclick="_ok()">
        <span>确认登录</span>
    </div>
</div>
<script>
    function _ok() {
        $.ajax({
            url: '/wechat/login',
            type: 'POST',
            data:{
                code:$("#code").val()
            },
            error: function (xmlHttpRequest, error) {

            },
            success: function (data) {
                window.location.href = "javascript:WeixinJSBridge.call('closeWindow');";
            }

        });

    }
</script>
</body>

<script type="text/javascript">
    $(function() {
        var timestamp = "";//时间戳
        var nonceStr = "";//随机串
        var signature = "";//签名
        var url = location.href.split('#')[0];
        $.ajax({
            type: "GET",//方法类型
            url: "http://daxuexiu.cn/wechat/share/?url=" + url ,//url
            success: function (result) {
                console.log(result);//打印服务端返回的数据(调试用)
                timestamp = result.timestamp;//时间戳
                nonceStr = result.noncestr;//随机串
                signature = result.signature;//签名

                // alert(timestamp,nonceStr,signature);
                // alert(location.href.split('#')[0]);
                wx.config({
                    debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，
                    appId : 'wxef2bc7deed36d1b7', // 必填，公众号的唯一标识
                    timestamp : timestamp, // 必填，生成签名的时间戳
                    nonceStr : nonceStr, // 必填，生成签名的随机串
                    signature : signature,// 必填，签名，见附录1
                    jsApiList : [ 'scanQRCode','onMenuShareAppMessage','onMenuShareTimeline' ]
                    // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                });

                wx.ready(function(){
                    //分享到朋友圈
                    wx.onMenuShareTimeline({
                        title: '【宜邻购】南京泽坤智能科技有限公司',
                        link: 'http://daxuexiu.cn/wechat/index', //（注意这里的link的域名要和你js域名的域名要一至的）
                        imgUrl: 'https://elingou.oss-cn-hangzhou.aliyuncs.com/img/wx/logo.png',
                        success: function () {
                            // 用户确认分享后执行的回调函数
//                          alert('分享到朋友圈成功');
                        },
                        cancel: function () {
                            // 用户取消分享后执行的回调函数
//                          alert('你没有分享到朋友圈');
                        }
                    });
                    wx.onMenuShareAppMessage({
                        title: '【宜邻购】南京泽坤智能科技有限公司',
                        desc: 'yinlingou',
                        link: 'http://daxuexiu.cn/wechat/index',
                        imgUrl: 'https://elingou.oss-cn-hangzhou.aliyuncs.com/img/wx/logo.png',
                        trigger: function (res) {
                            // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
                        },
                        success: function (res) {
//                           alert('分享给朋友成功');
                        },
                        cancel: function (res) {
//                         alert('你没有分享给朋友');
                        },
                        fail: function (res) {
//                         alert(JSON.stringify(res));
                        }
                    });
                });
            },
            error : function() {
                alert("异常！");
            }
        });
    });
</script>

</html>
